<template>
  <a-button danger type="primary">
    <template #icon><DeleteOutlined /></template>
    <slot>
      {{ t('component.button.deleteText') }}
    </slot>
  </a-button>
</template>
<script lang='ts'>
import { defineComponent } from 'vue'
import { DeleteOutlined } from '@ant-design/icons-vue'
import { useI18n } from 'vue-i18n'
export default defineComponent({
  name: 'DeleteButton',
  components: {
    DeleteOutlined,
  },
  setup() {
    const { t } = useI18n()
    return {
      t,
    }
  },
})
</script>